//index.js
//获取应用实例
const app = getApp()

Page({
  data: {
      imgUrl:[
        "jiandao.png",
        "shitou.png",
        "bu.png"
      ],
      i:1, //动图的下标
      idx:"",
      init:"wenhao.png",
      result:"",
      sum:0, //胜利的结次数
      buttonClicked:true
  },
  //点击按钮 
  btn(){

    clearInterval(this.data.timer)
     this.setData({
         init : "wenhao.png",
         result:"",
         buttonClicked:true
     })
    this.onLoad() //调用定时器
  },

  //点击切换图片
  changeImg(e){
    // console.log(e)
    clearInterval(this.data.timer);//

    // console.log(e.currentTarget.dataset.idx);
    this.data.idx = e.currentTarget.dataset.idx;//  赋值给全局
    this.setData({
        init:this.data.imgUrl[this.data.idx],
        buttonClicked:false
    })

    console.log(this.data.i,'动图的下标');//点击按钮,获取动图的下标
    console.log(this.data.idx,'选择的图片的下标')

    //0-剪刀  1-石头  2-布
    // 胜利 : i    idx 
    // 失败 : i    idx
    let idx = this.data.idx
    let i = this.data.i  
    let str  = ''

    if(idx ===0 && i ===2 || idx ===1 && i ===0 || idx ===2 && i ===1){
      str = '胜利'
      this.setData({
            // result:'胜利',
            sum : ++this.data.sum
          })
    }else if(this.data.idx === this.data.i){
      str = '平局'
      // this.setData({
      //       result:'平局'
      //     })
    }else{
      str= '失败'
      // this.setData({
      //   result:'失败'
      // })
    }

      this.setData({
        result:str
      })


  },

  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    // 页面加载就执行
    this.setData({
      timer : setInterval(()=>{
                this.setData({
                  i:Math.floor(Math.random()*3)
                })
              },100)
    })
    
  },
  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady: function () {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow: function () {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide: function () {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload: function () {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh: function () {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom: function () {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage: function () {

  }
  
})
